<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.test{background-color: red;}
		</style>
		<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
	</head>
	<body>
		<div class="test">
			hello world
		</div>
		<script>
			/*
			 *1.可以直接通过css()方法获取元素的样式属性 
			 *2.可以通过css()方法设置元素的样式
			 *3.获取元素的高度，可以使用jq中的heigt()方法
			 *4.也可以用height()方法设置height
			 *5.height类似的还有width
			 *6.offset()方法，获取当前视窗的相对偏移量，返回的对象中的连哥哥属性，一个是top，一个是left
			 *7.position()方法，与上述一样，可以获取相对偏移量，返回的也是两个属性，一个是top，一个是left
			 *8.scrollTop()和scrollleft获取元素距离顶端的距离和左侧的距离。
			 * */
			$(function(){
				var height=$(".test").css("height");//获取高度
				console.log(height); 
				$(".test").css("height","100px");// 设置高度
				var offest=$(".test").offset(); // 获取top和left
				console.log(offest);
				console.log(offest.left);
			    $(".test").scrollLeft(300);
			
				
			})
					
			
		</script>
	</body>
</html>
